<template>
<div class='aboutMe'>
    <mine-title>关于小王</mine-title>
  <div class="photo">
    <img src="../../assets/img/myicon.png" alt="" style="width:100%;height:100%">
  </div>
  <div class="myDetail">
    <p>Hey,我叫王帅鸣,大家都叫我小王,是一名前端工程师</p>
    <p>2021年毕业于郑州财经学院，软件工程，本科</p>
    <p>在学习期间，我遇到了JavaScript由于热爱，从此便开启了我的前端之路</p>
    <p>以爱好者自称，是因为我早已把开发变为爱好，热爱会激励着我走的更远</p>
  </div>
</div>
</template>

<script>
import MineTitle from '../mine/Mine-title'
export default {
name: 'Mine-aboutMe',
components: {
    MineTitle
}
}
</script>

<style scoped>
.aboutMe{
position: relative;
}
.photo{
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  /* background-color: #000; */
  border-radius: 50%;
  top: 190px;
  overflow: hidden;
}
.myDetail{
  width: 700px;
  height: 200px;
  /* background-color: #000; */
  position: absolute;
  left: 50%;
  margin-left: -350px;
  top: 430px;
  line-height: 30px;
  text-align: center;
}
</style>>

